html,body{
    background: #f8f8f8!important;
}

.TabMain{
    position: relative;
}
.TabMainUl{

}
.TabMainUl > li{
    position: relative;
    background-color: #ffffff;
    margin: 0.4rem 0.26666rem 0;
    padding: 0.4rem;
    border-radius: 10px;
    box-shadow: 0px 10px 10px 0px #efefef;
}
.TabMainUl > li:last-child{
    margin-bottom: 0.4rem;
}
.TabMainUl > li .title{
    position: relative;
    color: #666666;
    font-size: 0.32rem;
}
.TabMainUl > li .title > span{
    float: right;
}
.TabMainUl > li .content{
    font-size: 0.3733333rem;
    color: #222222;
    border-top: 1px solid #dddddd;
    padding-top: 0.2rem;
    margin-top: 0.25rem;
}
.TabMainUl > li .content p{
     height: auto;
     display: flex;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.TabMainUl > li .content p >span{
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
}
.testImages{
    padding-top: 0.2rem;
    display: flex;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    min-height: 1.9999999rem;
}
.testImages > div{
    position: relative;
    display: inline-block;
    margin-right: 0.34rem;
    height: 1.9999999rem;
    width: 1.85999rem;
}
.testImages > div > img{
    position: relative;
    width: 100%;
    z-index: 2;
    width: 1.85999rem;
    height: 1.9999999rem;
}
.testImages > div > i{
    position: absolute;
    top: 0;
    left: 0;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    line-height: 0.55rem;
    text-align: center;
    cursor: pointer;
    z-index: 3;
    color: #fff;
    font-size: 0.5rem;
    background-color: red;
}
.testImagesFile{
    position: relative;
    width: 22%;
    display: inline-block;
    max-height: 1.9999999rem;
    margin-right: 0;
}
.testImagesFile > img{
    background-color: #fff;
    width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;
}
.testImagesFile > .loading{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
}
.testImagesFile > .loading > img{
    display: inline-block;
    padding-top: 0.7rem;
    width: 0.5rem;
    height: 0.5rem;
}
.testImagesFile > input{
    opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;
}


/* 页面  */
.bottomBut{
    text-align: right;
}
.bottomBut > span{
    position: relative;
}
.bottomBut > span.info{
    color: #1688ff;
}
.bottomBut .but{
    display: inline-block;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #ffffff;
    border-radius: 0.1rem;
    min-width: 1.3rem;
    text-align: center;
    height: 0.7466666rem;
    line-height: 0.746666rem;
    font-size: 0.373333rem;
    padding: 0 0.18rem;
    margin-left: 0.25rem;
    cursor: pointer;
}
.bottomBut .start{
    color: #FFFFFF;
    border-color: #1688ff;
    background-color: #1688ff;
    display: none;
}
.bottomBut .shift{
    color: #444444;
    border-color: #444444;
    background-color: #FFFFFF;
}
.bottomBut .abnormal{
    color: #ed4555;
    border-color: #ed4555;
    background-color: #FFFFFF;
}
.bottomBut .adopt{
    color: #1688ff;
    border-color: #1688ff;
    background-color: #FFFFFF;
}
.startQuality .bottomBut .shift,.startQuality .bottomBut .abnormal,.startQuality .bottomBut .adopt,.startQuality .qualityContentInfo,.startQuality .qualityContentImg{
    display: none;
}
.startQuality .bottomBut .start,.qualityContentInfo,qualityContentImg{
    display: inline-block;
}

.qualityModeBut{
    height: 1.173333rem;
    line-height: 1.173333rem;
    background-color: #cccccc;
    font-size: 0.48rem;
    border-radius: 0.15rem;
    color: #ffffff;
    margin-top: 0.5rem;
    cursor: pointer;
    width: 3.14rem;
    display: inline-block;
    margin-right: 0.4rem;
}
.qualityModeBut.no{
    background-color: #ed4555;
}
.qualityModeBut.yes{
    background-color: #1688ff;
    margin-right: 0;
}
.qualityModeBut.active{
    background-color: #1688ff;
    width: 100%;
}
.isQuality,.isAbnormal{
    margin-left: 0.2rem;
    cursor: pointer;
    padding: 0 0.2rem;
    height: 0.906666rem;
    display: inline-block;
}
.isQuality i,.isAbnormal i{
    position: relative;
    color: #959595;
    padding-right: 0.1rem;
    height: 0.906666rem;
    display: inline-block;
}
.isQuality i:before,.isAbnormal i:before{
    content: "\e668";
}
.isQuality.active,.isQuality.active i ,.isAbnormal.active,.isAbnormal.active i {
    color: #1688ff;
}

.isQuality.active i:before,.isAbnormal.active i:before {
    content: "\e667";
}
.isQuality.active i:after,.isAbnormal.active i:after {
    content: "\e668";
    color: #959595;
    position: absolute;
    left: 0;
    top: 0;
}
.isQualityTop,qualityTop{
    position: relative;
}
.isQualityTop.active .txt,.qualityCountTop.active .txt,.unqualityCountTop.active .txt,.batchTop.active .txt,.isAbnormalTop.active .txt,.personLiable.active .txt{
    color: red;
}
.isQualityTop:after{
    /*content: '请选择质检结果';
    position: absolute;
    top: 0;
    left: 0;*/
}
.isAbnormalTop,.personLiable{
    display: none;
}
.conIntBox.noNum{
    padding-top: 0;
}

.conIntBox{
    height: 0.906666rem;
    padding-top: 0.3rem;
    line-height: 0.906666rem;
    text-align: left;
    font-size: 0.4rem;
}
.conIntBox .txt{
    min-width: 1.5rem;
    display: inline-block;
}
.conIntBox .conInt{
    position: relative;
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 0.1rem;
    padding: 0 0.15rem;
    width: 4.8rem;
}
.conIntBox .conInt input{
    border: 0;
}
.conIntBox .conInt.batch input{
    width: 3.9rem;
}
.conIntBox .conInt.batch i{
    position: absolute;
    top: 0;
    right: 0;
    width: 0.906666rem;
    height: 0.906666rem;
    text-align: center;
    line-height: 0.906666rem;
    color: #1688ff;
}
.conIntBox .conInt .group{
    display: inline-block;
    height: 100%;
    width: 3.9rem;
    color: #757575;
}
.conIntBox .conInt .groupI{
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #cccccc;
    width: 0.906666rem;
    height: 0.906666rem;
    text-align: center;
    line-height: 0.906666rem;
    color: #1688ff;
}

.numberBox{
    padding: 0.2rem 0 0 0;
    height: 0.7rem;
    line-height: 0.7rem;
}
.numberBox .numberInp{
    float: right;
    position: relative;
    height: 0.7rem;
}
.numberBox .numberInp i{
    position: relative;
    width: 0.7rem;
    height: 0.7rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #1688ff;
}
.numberBox .numberInp i.no{
    color: #cccccc;
}
.numberBox .numberInp i.del{

}
.numberBox .numberInp i.add{

}
.numberBox .numberInp span{
    position: relative;
    display: inline-block;
    border: 1px solid #1688ff;
    padding: 0 0.55rem 0 0.1rem;
    border-radius: 0.1rem;
    height: 0.7rem;
}
.numberBox .numberInp span:after{
    content: '个';
    position: absolute;
    color: #1688ff;
    top: 0;
    right: 0.1rem;
    font-size: 0.266666rem;
}
.numberBox .numberInp span input{
    width: 0.82rem;
    border: 0;
    text-align: right;
}
.numberBox .batchInp{
    float: right;
    position: relative;
    height: 0.7rem;
}
.numberBox .batchInp span{
    position: relative;
    display: inline-block;
    border: 1px solid #1688ff;
    padding: 0 0.85rem 0 0.1rem;
    border-radius: 0.1rem;
    height: 0.7rem;
}
.numberBox .batchInp input{
    width: 3.5rem;
    border: 0;
}
.numberBox .batchInp i{
    position: absolute;
    top: 0;
    right: 0;
    width: 0.7rem;
    height: 0.7rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #1688ff;
}
.personBox{
    position: relative;
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0.1rem;
}
.personBox .txt{

}
.personBox .personName{
    float: right;
    width: 60%;
    height: 0.7rem;
    text-align: right;
    padding-right: 0.5rem;
    cursor: pointer;
}
.personBox i{
    position: absolute;
    right: 0;
    color: #1688ff;
}
.UnqualBut{
    height: 1.173333rem;
    line-height: 1.173333rem;
    background-color: #1688ff;
    font-size: 0.48rem;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.handleAdd{
    position: absolute;
    top: -0.25rem;
    right: 0;
    font-size: 0.35rem;
    color: #1688ff;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    cursor: pointer;
}

